<template>
   <Result class="detail">
        <template #desc v-if="type">
           {{ type }}
        </template>
        <template #extra  v-if="description">
           {{ description}}
        </template>
    </Result>
</template>

<script setup>
const props = defineProps(["type" ,  "description"]) ;
</script>

<style>
.detail {
    text-align: left;
    width: 100%;
}

.detail .ivu-result-icon {
    display: display;
    width: 0;
    border-radius: 50%;
    margin-bottom: 0;
}

.detail .ivu-result-desc {
    margin-bottom: 0px;
    color: #808695;
    font-size: 14px;
    line-height: 22px;
}

.detail .ivu-result-extra {
    padding: 10px 0;
    text-align: left;
    background: #f8f8f9;
    border-radius: 4px;
}

</style>